<html>
  <head>
  
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
  
  <title>Test Aup</title>
  	<script src="js/jquery.js"></script>
	<script src="js/aupQuery.js"></script>
	<style>
		.colorRed {
			color:red;
		}
		.colorblue {
			color:blue;
		}
	
	</style>
	<script>
		$(function() {
			aup.byId('id1').addClass('colorRed');
			alert(aup.byId('id1').hasClass('colorRed'));
			aup.byId('id1').removeClass('colorRed');
			aup.byId('id1').addClass('colorBlue');
			
			//alert(aup.byId('id1').getAttr('style').value());
			//alert(aup.byId('id2').getAttr('style').value());
			//aup.byId('id1').getAttr('style').value('color: blue;');
			//aup.byTag('div')
			//aup.byId('id1').data('a','a');
			//alert(aup.byId('id1').text());
			//aup.byId('id1').childNodes()[2].text('id2');
			//alert(aup.byId('id1').childNodes()[2].element().text());
			//alert(aup.byId('id1').attributes().length);
			//alert(aup.byId('id1').attributes()[0].name);
			//alert(aup.byId('id1').attributes()[0].value);
			//alert(aup.byId('id1').attributes()[1].value());
			//aup.byId('id1').attributes()[1].value('value2');
			//alert(aup.byId('id1').attributes()[1].value());
			
			//alert(aup.byId('id1').attributes()[0].element().text());
			//alert(aup.byTag('div')[1].text());
			//alert(aup.byTag('div')[0].text());
  		
		});
  	</script>
  </head>
  <body>
  		<span id='id1' >text <span>text 1</span>id1</span>
  		
  		
  </body>
</html>